/***************总容器******************/
.wrapper{
    width: 100%;
    height: 100%;
}
/***************header******************/
header{
    width: 100%;
    height: 15.7vw;
    background-color: #FFF;

    position: fixed;
    left: 0;
    top: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;
    padding: 0 3.6vw;
}
header .fa{
    font-size: 8vw;
}

 /***************footer******************/
 footer{
    width: 100%;
    height: 14.2vw;
    box-sizing: border-box;
    border-top: solid 1px #e9e9e9;
    background-color: #FFF;

    position: fixed;
    left: 0;
    bottom: 0;
}
footer ul{
    width: 100%;
    height: 14.2vw;
    padding-left: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
footer ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    font-size: 3vw;
    color: #999;

    user-select: none;
    cursor: pointer;
}
footer ul li .fa{
    font-size: 5vw;
}

 /***************common样式******************/
 .top-ban{
    width: 100%;
    height: 15.7vw;
}
.bottom-ban{
    width: 100%;
    height: 14.2vw;
}
 /***************section******************/
 section{
     width: 82vw;
     margin: 0 auto;
     margin-top: 12vw;
 }
 section .date-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 4.5vw;
    font-weight: 600;
 }
 section .date-box p{
     color: #000;

 }
 section .date-box i{
     color: #999;
     user-select: none;
     cursor: pointer;
 }
 section table{
     width: 100%;
     font-size: 3.8vw;
 }
 section table tr th{
     text-align: center;
     font-weight: 600;
     line-height: 12vw;
 }
 section ul{
     width: 100%;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
 }
 section ul li{
     width: 14.28%;
     height: 12vw;
     font-weight: 600;
     color: #999;
 }
 section ul li p:first-child{
     width: 6vw;
     height: 6vw;
     margin: 0 auto;
     border-radius: 3vw;

     display: flex;
     justify-content: center;
     align-items: center;

     font-size: 4.2vw;
     user-select: none;
     cursor: pointer;
 }
 section ul li p:last-child{
     font-size: 3vw;
     font-weight: 300;
     text-align: center;
     user-select: none;
 }

 .fontcolor{
    color: #333;
 }
 .pselect{
    background-color: #FB902B;
    color: #FFF;
 }

/***************bottom-btn******************/
 .bottom-btn{
    width: 100%;
    height: 12vw;
    background-color: #FFF;
    position: fixed;
    left: 0;
    bottom: 14.2vw;

    display: flex;
 }
 .bottom-btn div:first-child{
     flex: 2;
 }
 .bottom-btn div:last-child{
     flex: 1;
     background-color: #117C94;
     text-align: center;
     line-height: 12vw;
     font-size: 5vw;
     color: #fff;

     user-select: none;
     cursor: pointer;
 }
